<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>AdminLTE 2 | Starter</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

		<!-- Bootstrap 3.3.6 -->
		<link rel="stylesheet" href="../../css/bootstrap.min.css">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="../../css/font-awesome.min.css" />
		<!-- Theme style -->
		<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
	</head>

	<body>
		<div class="box box-warning  direct-chat-warning" id="box-widget">
			<div class="box-header with-border">
				<h3 class="box-title">新建笔记-标题</h3>
				<div class="box-tools pull-right">
					<button type="button" class="btn btn-box-tool" data-widget="collapse">
						<i class="fa fa-minus"></i>
                </button>
				</div>
			</div>
			<!-- /.box-header -->
			<div class="box-body">

			</div>
		<div class="box-header">
          <h3 class="box-title">Direct Chat in a Solid Box</h3>
          <div class="box-tools pull-right">
            <span data-toggle="tooltip" title="" class="badge bg-light-blue" data-original-title="3 New Messages">3</span>
            <button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
            <button class="btn btn-box-tool" data-toggle="tooltip" title="Contacts" data-widget="chat-pane-toggle"><i class="fa fa-comments"></i></button>
            <button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
          </div>
        </div>
		</div>
		
		<div class="overlay">
		  <i class="fa fa-refresh fa-spin"></i>
		</div>
		

		
		<!-- jQuery 2.2.3 -->
		<script src="../jquery.min.js"></script>
		<!-- Bootstrap 3.3.6 -->
		<script src="../bootstrap.min.js"></script>
		<script src="../jquery.slimscroll.min.js"></script>
		<!-- AdminLTE App -->
		<script src="dist/js/app.min.js"></script>
		<script>
			var AdminLTEOptions = {};
		</script>
	</body>

</html>